@import 'font-awesome/css/font-awesome.min.css';

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
  .content-auto {
    content-visibility: auto;
  }
  .scrollbar-thin {
    scrollbar-width: thin;
  }
  .scrollbar-thin::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
  .scrollbar-thin::-webkit-scrollbar-thumb {
    background-color: rgba(156, 163, 175, 0.5);
    border-radius: 2px;
  }
  .transition-bg {
    transition: background-color 0.2s ease-in-out;
  }
  .card-hover {
    @apply hover:shadow-lg transition-all duration-300 hover:-translate-y-1;
  }
}
